<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ include file="config.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>	
	<link rel="stylesheet" href="css/myInfo.css" />
	<script type="text/javascript" src="${ctx}/js/jquery-3.3.1.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/myInfo.js"></script>
</head>
<body>
	<div class="handler4">	
		<h3>个人信息修改</h3>
		<table class="myTable" >
			<tr>
				<td class="td1"><span>用户名：</span></td>
				<td class="td2"><input id="id" type="text" disabled="disabled" value="${user.id}">用户名不能修改</td>
			</tr>
			<tr>
				<td class="td1"><span>性别：</span></td>
				<td class="td2"><input id="sex" type="text" value="${user.sex}" >只能是男或女</td>
			</tr>			<tr>
				<td class="td1"><span>真实姓名：</span></td>
				<td class="td2"><input id="name" type="text" value="${user.name}">中文，2-10个字符</td>
			</tr>			<tr>
				<td class="td1"><span>出生日期：</span></td>
				<td class="td2"><input id="birthday" type="date" value="${user.birthday}">格式为yyyy-mm-dd</td>
			</tr>			<tr>
				<td class="td1"><span>电子邮箱：</span></td>
				<td class="td2"><input id="email" type="text" value="${user.email}">格式要正确</td>
			</tr>			<tr>
				<td class="td1"><span>电话号码：</span></td>
				<td class="td2"><input id="phone" type="text" value="${user.phone}">都为数字，且长度为11位</td>
			</tr>
			<tr>
				<td class="td1"><span>地址：</span></td>
				<td class="td2"><input id="address" type="text" value="${user.address}">长度不能大于100</td>
			</tr>
			<tr>
				<td class="td1"><span>邮编：</span></td>
				<td class="td2"><input id="emailnum" type="text" value="${user.emailnum}">数字，且为6位</td>
			</tr>
			<tr>
				<td class="td1"></td>
				<td class="td2" style="background-color: rgb(0,144,255);"><button id="editUser">确认修改</button> <button>取消修改</button></td>
			</tr>
		</table>
	</div>
</body>
</html>